/************************************************************
 ** 制造常用类名，别修改，影响全局，使用方法见示例 -ltw**
 ************************************************************/

  $spacing-types: ( //类型
    m: margin,
    p: padding
    );
  $spacing-directions: ( //位置
    t: top,
    b: bottom,
    l: left,
    r: right
    );

  $min:1; // 最小循环数
  $max:100; // 最大循环数
  $unit:rpx; // 单位

  // 循环出 margin 与 padding 的各类值
  // m1{margin:10px} || p5{padding:50px}
  @each $typeKey,$type in $spacing-types {
    @for $i from $min through $max {
      .#{$typeKey}#{$i} {
        // @debug $type;
        #{$type}: $i + $unit;
      }
    }

    // mlr1{margin-left:10px;margin-right:10px} || plr5{padding-left:50px;padding-right:50px;}
    @for $i from $min through $max {
      .#{$typeKey}lr#{$i} {
        #{$type}-left: $i + $unit;
        #{$type}-right: $i + $unit;
      }
    }

    // mtb1{margin-top:10px;margin-bottom:10px} || ptb5{padding-top:50px;padding-bottom:50px;}
    @for $i from $min through $max {
      .#{$typeKey}tb#{$i} {
        #{$type}-top: $i + $unit;
        #{$type}-bottom: $i + $unit;
      }
    }

    // mt1 { margin-top: 10px } || pb5{paddding-bottom:50px;}||ml2{margin-left:20px}||pr4{padding-right:40px}
    @each $directionsKey,$directions in $spacing-directions {
      @for $i from $min through $max {
        .#{$typeKey}#{$directionsKey}#{$i} {
          #{$type}-#{$directions}: $i + $unit;
        }
      }
    }
  }

  // line-1 {line-height：1rpx;}
  @for $i from $min through $max {
    .line-#{$i} {
      line-height: $i + $unit;
    }
  }

  // fs1 {font-size：1rpx;}
  @for $i from $min through $max {
    .fs#{$i} {
      font-size: $i + $unit;
    }
  }

  // fw100 {font-weight：100;}
  @for $i from 1 through 8 {
    .fw#{$i* 100} {
      font-weight: $i * 100;
    }
  }
 // br20 {border-radius：100;}
  @for $i from 1 through 100 {
    .br#{$i} {
      border-radius: $i + $unit;
    }
  }

  // w20 {width：20;}
  @for $i from 1 through 100 {
    .w#{$i} {
      width: $i + $unit;
    }
  }

  // h20 {height：20;}
  @for $i from 1 through 100 {
    .h#{$i} {
      height: $i + $unit;
    }
  }
